<layout name="layout" />

	<!-- 在线编辑器  um -->
	<link href="__PUBLIC__/umeditor1_2_2-utf8-php/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" charset="utf-8" src="__PUBLIC__/umeditor1_2_2-utf8-php/umeditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="__PUBLIC__/umeditor1_2_2-utf8-php/umeditor.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/umeditor1_2_2-utf8-php/lang/zh-cn/zh-cn.js"></script>
    
        <!-- 时间插件 -->
<link href="__PUBLIC__/datepicker/jquery-ui-1.9.2.custom.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/datepicker/jquery-ui-1.9.2.custom.min.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/datepicker/datepicker-zh_cn.js"></script>

<div class="tab-div">
    <div id="tabbar-div">
        <p>
            <span class="tab-front">基本信息</span>
            <span class="tab-back">商品描述</span>
            <span class="tab-back">会员价格</span>
            <span class="tab-back">商品属性</span>
            <span class="tab-back">商品相册</span>
        </p>
    </div>
    <div id="tabbody-div">
        <form enctype="multipart/form-data" action="__SELF__" method="post">
        	<input type="hidden" name="id" value="<?php echo I('get.id'); ?>" />
        	<!-- 基本信息 -->
            <table width="90%" class="table_form" id="general-table" align="center">
            	<tr>
                    <td class="label">主分类：</td>
                    <td>
	                    <select name="cat_id">
	                    	<option value="">选择分类</option>
	                    	<?php foreach ($catData as $k => $v): 
	                    			if($info['cat_id'] == $v['id'])
	                    				$select = 'selected="selected"';
	                    			else 
	                    				$select = '';
	                    	?>
	                    		<option <?php echo $select; ?> value="<?php echo $v['id']; ?>"><?php echo str_repeat('-', $v['level']*8) . $v['cat_name']; ?></option>
	                    	<?php endforeach; ?>
	                    </select>
	                    <span class="require-field">*</span>
                    </td>
                </tr>
                <tr>
                    <td class="label">扩展分类：</td>
                    <td>
                    	<ul>
                    		<li style="margin:5px;">
		                    	<input onclick="add_li(this);" type="button" value="+" />
			                    <select name="ext_cat_id[]">
			                    	<option value="">选择分类</option>
			                    	<?php foreach ($catData as $k => $v): ?>
			                    		<option value="<?php echo $v['id']; ?>"><?php echo str_repeat('-', $v['level']*8) . $v['cat_name']; ?></option>
			                    	<?php endforeach; ?>
			                    </select>
	                    	</li>
	                    	<!-- 循环输出原扩展分类 -->
                    		<?php foreach ($gcData as $k1 => $v1): ?>
	                    	<li style="margin:5px;">
		                    	<input onclick="add_li(this);" type="button" value="-" />
			                    <select name="ext_cat_id[]">
			                    	<option value="">选择分类</option>
			                    	<?php foreach ($catData as $k => $v): 
			                    			if($v1['cat_id'] == $v['id'])
			                    				$select = 'selected="selected"';
			                    			else 
			                    				$select = '';
			                    	?>
			                    		<option <?php echo $select; ?> value="<?php echo $v['id']; ?>"><?php echo str_repeat('-', $v['level']*8) . $v['cat_name']; ?></option>
			                    	<?php endforeach; ?>
			                    </select>
	                    	</li>
	                    	<?php endforeach; ?>
                    	</ul>
                    	
                    </td>
                </tr>
                <tr>
                    <td class="label">商品名称：</td>
                    <td><input type="text" name="goods_name" value="<?php echo $info['goods_name']; ?>" size="30" />
                    <span class="require-field">*</span></td>
                </tr>
                <tr>
                    <td class="label">市场售价：</td>
                    <td>
                        <input type="text" name="market_price" value="<?php echo $info['market_price']; ?>" size="20"/>
                        <span class="require-field">*</span>
                    </td>
                </tr>
                <tr>
                    <td class="label">本店售价：</td>
                    <td>
                        <input type="text" name="shop_price" value="<?php echo $info['shop_price']; ?>" size="20"/>
                        <span class="require-field">*</span>
                    </td>
                </tr>
                <tr>
                    <td class="label">是否上架：</td>
                    <td>
                        <input type="radio" name="is_on_sale" value="是" <?php if($info['is_on_sale'] == '是') echo 'checked="checked"'; ?> /> 是
                        <input type="radio" name="is_on_sale" value="否" <?php if($info['is_on_sale'] == '否') echo 'checked="checked"'; ?> /> 否
                    </td>
                </tr>
                <tr>
                    <td class="label">促销价格：</td>
                    <td>
                        开始时间：<input type="text" value="<?php echo date('Y-m-d', $info['promote_start_date']); ?>" id="promote_start_date" name="promote_start_date" /> 
                        结束时间：<input type="text" value="<?php echo date('Y-m-d', $info['promote_end_date']); ?>" id="promote_end_date" name="promote_end_date" /> 
                        促销价格：￥ <input type="text" value="<?php echo $info['promote_price']; ?>" name="promote_price" /> 元
                    </td>
                </tr>
                <tr>
                    <td class="label">是否推荐：</td>
                    <td>
                        新品 <input <?php if($info['is_new'] == '是') echo 'checked="checked"'; ?> type="checkbox" name="is_new" value="是" />
                        热销 <input <?php if($info['is_hot'] == '是') echo 'checked="checked"'; ?> type="checkbox" name="is_hot" value="是" />
                        推荐 <input <?php if($info['is_rec'] == '是') echo 'checked="checked"'; ?> type="checkbox" name="is_rec" value="是" />
                        楼层 <input <?php if($info['is_floor'] == '是') echo 'checked="checked"'; ?> type="checkbox" name="is_floor" value="是" />
                    </td>
                </tr>
                <tr>
                    <td class="label">排序：</td>
                    <td>
                        <input type="text" name="sort_number" value="<?php echo $info['sort_number']; ?>" /> 越小越靠前
                    </td>
                </tr>
                <tr>
                    <td class="label">商品图片：</td>
                    <td>
                        <input type="file" name="logo" /><br />
                        <img src="/Public/Uploads/<?php echo $info['sm_logo']; ?>" />
                    </td>
                </tr>
            </table>
            <!-- 商品描述 -->
            <table style="display:none;" width="100%" class="table_form" align="center">
            	<tr>
                    <td>
                        <textarea id="goods_desc" name="goods_desc" cols="40" rows="3"><?php echo $info['goods_desc']; ?></textarea>
                    </td>
                </tr>
            </table>
            <!-- 会员价格 -->
            <table style="display:none;" width="90%" class="table_form" align="center">
            	<tr><td colspan="2" style="color:#F00;font-size:20px;font-weight:bold;padding:10px;">说明：如果指定了价格就使用这个价格，如果没有指定价格就按这个级别的折扣率来计算</td></tr>
            	<?php foreach ($mlData as $k => $v): ?>
            	<tr>
                    <td width="150"><?php echo $v['level_name']; ?>【<?php echo $v['level_rate']/10; ?>折】 ：</td>
                    <td>
                    	￥<input value="<?php echo $mpData[$v['id']]; ?>" type="text" name="member_price[]" />元
                    	<input type="hidden" name="level_id[]" value="<?php echo $v['id']; ?>" />
                    </td>
                </tr>
                <?php endforeach; ?>
            </table>
            <!-- 商品属性 -->
            <table style="display:none;" width="90%" class="table_form" align="center">
            	<tr>
            		<td>
            			
            			商品类型：<?php buildSelect('type', 'type_id', 'type_name', 'id', $info['type_id']); ?>
            			 <span style="color:#F00;font-size:30px;font-weight:bold;">如果修改了类型，那么之前设置的库存量和属性都会被删除，请慎重！</span>
            		</td>
            	</tr>
            	<tr><td><ul id="attr_list">
            	<?php 
            	$attr_id = array(); // 已经出现过的属性ID
            	// 循环每个属性
            	foreach ($attrData as $k => $v): 
            		// 如果这个属性ID是第一次出现就是+号否则是-
            		if(!in_array($v['id'], $attr_id))
            		{
            			$opt = '+';
            			$attr_id[] = $v['id'];
            		}
            		else 
            			$opt = '-';
            	?>
            		<li>
            			<input class="attr_id" type="hidden" name="old_attr_id[]" value="<?php echo $v['id']; ?>" />
	            		<?php if($v['attr_type'] == '可选'): ?>
	            			<a onclick="add_li(this);" goods_attr_id="<?php echo $v['goods_attr_id']; ?>" href="javascript:void(0);">[<?php echo $opt; ?>]</a>
	            		<?php endif; ?>
	            		<?php echo $v['attr_name']; ?> : 
	            		<?php if(empty($v['attr_option_values'])): ?>
	            			<input name="old_attr_value[<?php echo $v['goods_attr_id']; ?>]" type="text" value="<?php echo $v['attr_value']; ?>" />
	            		<?php else: ?>
	            			<select name="old_attr_value[<?php echo $v['goods_attr_id']; ?>]">
	            				<option value="">请选择</option>
	            				<?php 
	            				$_attr = explode(',', $v['attr_option_values']);
	            				foreach ($_attr as $k1 => $v1): 
	            						if($v1 == $v['attr_value'])
	            							$select = 'selected="selected"';
	            						else 
	            							$select = '';
	            				?>
	            					<option <?php echo $select; ?> value="<?php echo $v1; ?>"><?php echo $v1; ?></option>
	            				<?php endforeach; ?>
	            			</select>
	            		<?php endif; ?>
            		</li>
            	<?php endforeach; ?>
            	</ul></td></tr>
            </table>
            <!-- 相册 -->
            <table style="display:none;" width="90%" class="table_form" align="center">
            	<tr>
                    <td class="label"><input onclick="$('#pic_ul').append( $('#pic_ul').find('li:eq(0)').clone()  );" type="button" value="添加一张图片" /></td>
                    <td>
                    	<ul id="pic_ul">
                    		<li><input type="file" name="pic[]" /></li>
                    	</ul>
                    </td>
                </tr>
                <tr>
                	<td colspan="2">
                	<style>
			        #old_pic_ul li{float:left;margin:5px;list-style-type:none;}            	
			        </style>
                	<ul id="old_pic_ul">
                			<?php foreach ($gpData as $k => $v): ?>
                			<li>
		                		<img src="/Public/Uploads/<?php echo $v['sm_pic']; ?>" />
		                		<br /><input pic_id="<?php echo $v['id']; ?>" type="button" value="删除" />
	                		</li>
                			<?php endforeach; ?>
                	</ul>
                	
                	</td>
                </tr>
            </table>
            <div class="button-div">
                <input type="submit" value=" 确定 " class="button"/>
                <input type="reset" value=" 重置 " class="button" />
            </div>
        </form>
    </div>
</div>

<script>
$("#promote_start_date").datepicker({ dateFormat: "yy-mm-dd" });
$("#promote_end_date").datepicker({ dateFormat: "yy-mm-dd" });


UM.getEditor('goods_desc', {
	initialFrameWidth : '100%',
	initialFrameHeight : 500
});

function add_li(btn)
{
	if($(btn).val() == '+')
	{
		// 先获取所在的UL标签
		var ul = $(btn).parent().parent();
		// 把按钮所在的LI克隆一份放到UL中
		var newLi = $(btn).parent().clone();
		// 把+变-
		newLi.find(":button").val('-');
		ul.append(newLi);
	}
	else
		$(btn).parent().remove();
}

$("#tabbar-div p span").click(function(){
	// 点击的是第几个按钮
	var i = $(this).index();
	// 显示第i个table
	$(".table_form").hide().eq(i).show();
	$(".tab-front").removeClass("tab-front").addClass("tab-back");
	$(this).addClass("tab-front").removeClass("tab-back");
});

// 删除图片
$("#old_pic_ul li :button").click(function(){
	if(confirm('确定要删除吗？'))
	{
		var btn = $(this);
		// 获取点击的图片的ID
		var pic_id = btn.attr("pic_id");
		// 发送AJAX请求到服务器上去删除服务器上的图片
		$.ajax({
			type : "GET",
			url : "<?php echo U('Goods/ajaxDelPic', '', FALSE); ?>/pic_id/"+pic_id,
			success : function(data)
			{
				// 把图片从页面中删除掉
				//$(this).parent().remove();	  // 这里的$(this)代表的是这个ajax对象并不是按钮
				btn.parent().remove();
			}
		});
	}
});

// 当选择一个类型时，取出这个类型下的属性
$("select[name=type_id]").change(function(){
	// 获取当前类型的id
	var type_id = $(this).val();
	// 根据type_id取出属性
	$.ajax({
		type : "GET",
		url : "<?php echo U('Goods/ajaxGetAttr', '', FALSE); ?>/type_id/"+type_id,
		dataType : "json",
		success : function(data)
		{
			// 把数据显示在页面中
			var html = "";
			// 循环服务器返回的属性数据拼成LI标签
			$(data).each(function(k,v){
				html += "<li>";
				html += '<input type="hidden" name="attr_id[]" value="'+v.id+'" />';
				if(v.attr_type == "可选")
					html += '<a onclick="add_li(this);" href="javascript:void(0);">[+]</a> ';
				html += v.attr_name+" : ";
				// 如果属性没有可选值就制作文本框否则制作下拉框
				if(v.attr_option_values == "")
					html += '<input name="attr_value[]" type="text" />';
				else
				{
					html += '<select name="attr_value[]"><option value="">请选择</option>';
					// 把可选值转化成数组
					var _arr = v.attr_option_values.split(",");
					$(_arr).each(function(k1,v1){
						html += '<option value="'+v1+'">'+v1+'</option>';
					});
					html += '</select>';
				}
				html += "</li>";
			});
			// 把LI放到页面中
			$("#attr_list").html(html);
		}
	});
});
// 属性前面的+号
function add_li(a)
{
	var li = $(a).parent();
	if($(a).text() == "[+]")
	{
		var newLi = li.clone();
		// 设置新添加的属性的名称
		newLi.find("select").attr('name', 'attr_value[]');
		newLi.find(":text").attr('name', 'attr_value[]');
		newLi.find(".attr_id").attr('name', 'attr_id[]');
		// 把新克隆出来的a标签上的goods_attr_id删除
		newLi.find("a").removeAttr("goods_attr_id");
		newLi.find("a").text('[-]');
		li.after(newLi);
	}
	else
	{
		// 从a标签上获取商品属性id
		var gaid = $(a).attr("goods_attr_id");
		// 是否新添加的直接删除
		if(gaid == undefined)
		{
			li.remove();
			return ; // 退出函数不再向后执行AJAX 了
		}
		if(confirm('确定要删除吗？'))
		{
			$.ajax({
				type : "GET",
				url : "<?php echo U('ajaxDelGoodsAttr', '', FALSE); ?>/goods_attr_id/"+gaid,
				success : function(data)
				{
					if(data == 1)
						alert("该属性已经设置了库存量数据不能删除！");
					else
						li.remove();
				}
			});
		}
	}
}
</script>
















